<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{$data.title ?? $system.title.value}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="{$data.key ?? $system.keywords.value}"/>
    <meta name="description" content="{$data.miaoshu ?? $system.description.value}">
    <link rel="shortcut icon" type="image/x-icon" href="/public/uploads/image/{$system.ICO.value}"/>

    <link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/bootstrap.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/bootstrap-theme.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/style.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/mobile.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/animate.min.css">

    {block name="css"}{/block}

</head>

<body>

<!-- PC顶部 -->
<div class="container-fluid navTop cont-pc">

    <div class="container ">
        <!-- LOGO -->
        <div class="pull-left">

            <div class="navTop-logo">
                <a title="{$system.title.value}" href="{:request()->root(true)}">
                    <img class="logo-img" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.LOGO.value}"/>
                </a>
            </div>

        </div>
        <!-- #LOGO -->

        <!-- 导航菜单 -->
        <div class="pull-right">

            <nav class="navbar navbar-default">

                <!-- 菜单导航 -->
                <div class="navbar-cont">
                    <div id="navbar" class="navbar-collapse collapse"></div>
                </div>
                <!-- 菜单导航 -->

                <!-- 搜索 -->
                <div class="pull-right search" style="display: none;">
                    <form id="search" name="search" action="{:url('search/index')}" method="get">
                        <input type="text" name='title' value="{$Think.get.title}" placeholder="{:lang('Please enter the search related content')}"/>

                        <div class="select" style="display: none;">
                            <select name="model">
                                <option value="product">产品名称</option>
                                <option value="article">新闻名称</option>
                            </select>
                        </div>

                        <button type="submit" class="search-btn">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </form>
                </div>
                <!-- #搜索 -->

            </nav>

        </div>
        <!-- 导航菜单 -->

    </div>

</div>
<!-- #PC顶部 -->

<!-- 移动 顶部,导航菜单 -->
<nav class="navbar navbar-default navbar-fixed-top navmTop cont-mobile">

    <div class="container">

        <!-- 头部 -->
        <div class="navbar-header">

            <!-- 导航菜单 -->
            <div id="dl-menu" class="dl-menuwrapper">

                <button id="dl-menu-button"></button>

            </div>
            <!-- #导航菜单 -->

            <!-- 公司名字或者LOGO -->
            <a title="{$system.title.value}" class="navbar-brand text-center" href="{:request()->root(true)}">{$system.title.value}</a>
            <!-- #公司名字或者LOGO -->

        </div>
        <!-- #头部 -->

    </div>

</nav>
<!-- 移动 顶部,导航菜单 -->

{include file="template/pc/shanyu/_gundong.html"}

{block name="main"}

{/block}

<!-- PC 联系方式 -->
<div class="sidebar cont-pc">
    <ul>
        <li>
            <a title="" href="" target="_blank">
                <img alt="" src="__TPMPLATE__pc/shanyu/images/fnav-tel.png">
                <span>{$system.advisory.value}</span>
            </a>
        </li>

        {volist name="online" id="vo"}
        <li>
            <a title="" href="http://wpa.qq.com/msgrd?v=3&amp;uin={$vo.QQ}&amp;site=qq&amp;menu=yes" target="_blank">
                <img alt="{$vo.name}" border="0" src="__TPMPLATE__pc/shanyu/images/fnav-qq.png" title="{$vo.name}">
                <span>{$vo.name}</span>
            </a>
        </li>
        {/volist}
    </ul>
</div>
<!-- #PC 联系方式 -->

<!-- PC 返回顶部 -->
<div class="button-go-top cont-pc">
    <a href="#" title="" class="go-top">
        <i class="glyphicon glyphicon-chevron-up"></i>
    </a>
</div>
<!-- #PC 返回顶部 -->

<!-- 移动 返回头部 -->
<div class="container-fluid h-top-fluid cont-mobile">

    <div class="container-fluid h-top-fluids">

        <div class="container">
            <a title="" class="back-up" href="#">
                TOP<span class="glyphicon glyphicon-triangle-top"></span>
            </a>
        </div>

    </div>

</div>
<!-- #移动 返回头部 -->

<!-- PC底部 -->
<div class="container-fluid foot cont-pc">

    <!-- 底部内容 -->
    <div class="foot-cont">

        <div class="container">

            <div class="col-md-3 foot-left">
                <div class="foot-rexian">
                    <p class="rexian-txt"><i class="glyphicon glyphicon-earphone"></i>服务热线</p>
                    <p class="rexian-num">{$system.advisory.value}</p>
                </div>

                <div class="foot-logo">
                    <img alt="" src="__TPMPLATE__pc/shanyu/images/logo2.png">
                </div>
            </div>

            <div class="col-md-7 foot-middle">
                <div class="foot-nav"></div>
            </div>

            <div class="col-md-2 foot-code">
                <p class="foot-code-txt">关注山雨</p>
                <p class="foot-code-img"><img class="img-responsive" title="" alt="" src="__PUBLIC__/uploads/image/{$system.code.value}"/></p>
            </div>

        </div>

    </div>
    <!-- 底部内容 -->

    <!-- 底部版权 -->
    <div class="foot-copy">
        <div class="container">
            {$system.count.value}
        </div>
    </div>
    <!-- #底部版权 -->

</div>
<!-- #PC底部 -->

<!-- 移动底部 -->
<div class="cont-mobile">

    <!-- 底部信息 -->
    <div class="container h-address-fluid">

        <div class="h-address-text">

            <p>{$system.count.value}</p>

        </div>

    </div>
    <!-- #底部信息 -->

    <!-- 底部 -->
    <nav class="navbar navbar-default navbar-fixed-bottom footer">
        <a title="{$system.advisory.value}" href="tel:{$system.advisory.value}" class="col-xs-4">
            <div class="col-xs-12">
                <img alt="" src="__TPMPLATE__pc/shanyu/images/mobile/foot-tel.png" class="img-responsive">
            </div>
            <div class="col-xs-12">
                电话咨询
            </div>
        </a>

        <a title="" href="" class="col-xs-4">
            <div class="col-xs-12">
                <img alt="" src="__TPMPLATE__pc/shanyu/images/mobile/foot-pro.png" class="img-responsive">
            </div>
            <div class="col-xs-12">
                产品中心
            </div>
        </a>

        <a title="" href="" class="col-xs-4">
            <div class="col-xs-12">
                <img alt="" src="__TPMPLATE__pc/shanyu/images/mobile/foot-map.png" class="img-responsive">
            </div>
            <div class="col-xs-12">
                在线地图
            </div>
        </a>
    </nav>
    <!-- #底部 -->

</div>
<!-- #移动底部 -->

<script src="__TPMPLATE__pc/shanyu/js/jquery.js"></script>
<script src="__TPMPLATE__pc/shanyu/js/bootstrap.js"></script>

<!-- 动画效果插件 -->
<script src="__TPMPLATE__pc/shanyu/js/wow.min.js"></script>

<!-- 调用效果 -->
<script src="__TPMPLATE__pc/shanyu/js/work.js"></script>

<!-- 移动导航菜单 -->
<script src="__TPMPLATE__pc/shanyu/js/modernizr.custom.js"></script>
<script src="__TPMPLATE__pc/shanyu/js/jquery.dlmenu.js"></script>

<script type="text/javascript">
    $(function () {
        // 移动设备访问自动跳转路径
        // var urls = '{:request()->root(true)}';
        // url(urls);

        // 头部导航菜单
        var pclist = $("<ul class='nav nav-pills'></ul>");
        pcNav({$json_navs}, pclist);
        $("#navbar").append(pclist);

        // 移动导航菜单
        var mobilelist = $("<ul class='dl-menu'></ul>");
        mobileNav({$json_navs}, mobilelist);
        $(".dl-menuwrapper").append(mobilelist);

        // 底部导航菜单
        var fNavlist = $("<ul></ul>");
        footNav({$json_navs}, fNavlist);
        $(".foot-nav").append(fNavlist);

        // 跳转对应的语言
        $('.langBtn').click(function(){
            var data={'lang':$(this).attr('lang')};
            $.get("{:url('Index/lang')}",data,function(){
                window.location.href="{:url('Index/index')}";
            });
        });

        // 导航菜单背景颜色指定ID显示
        var nav = '{$Request.param.navid}';
        if(nav==''){
            var navID = 209;
        } else {
            var navID = nav;
        }

        // 全部效果集合
        run(navID);
        // 左边折叠菜单
        zheNav();
        // 动画效果
        wows();
        // 移动导航菜单
        $('#dl-menu').dlmenu();
        // 返回头部，固定头部菜单导航
        goTop();
    });
</script>

{block name="js"}{/block}

</body>

</html>